<template>
    <div>
        setup, a: {{a}} , <button @click="fn">fn</button>
    </div>
</template>
<script>
export default ({
    beforeCreate(){
        console.log('beforeCreate')
    },
    created () {
        console.log('created')
    },
    // data () {
    //     return { a: 2}
    // },
    // 第1个参数为props。props为一个对象，内部包含了父组件传递过来的所有prop数据
    // 第2个参数为一个对象context。context对象包含了attrs，slots， emit属性，
    setup(props,context) {
        console.log('setup')
        console.log('this',this)
        console.log('props',props)
        console.log('context',context)
        const fn = () => {alert('fn')}
        return { a: 3, fn }
    }
})
</script>
